@import 'styles/theme_colors';
@import 'styles/mixins';

.modal_overlay {
  @include modal_loader_overlay;
}

.modal_error {
  opacity: 1;
}

.modal {
  position: fixed;

  z-index: 200;
  top: 50%;
  left: 50%;

  width: 720px;

  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  svg {
    transition: .5s all;
    cursor: pointer;
    position: absolute;
    z-index: 300;
    right: 40px;
    top: -280px;
  }

  svg:hover {
    fill: $scroll_active;
  }
}